<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>User Login</title>
<link rel="stylesheet" type="text/css" href="web/login_en.css"/>
<style type="text/css">
body {margin:0;}
.textStyle
{
    width:125px; 
    height:18px; 
    background:#32a2e3; 
    font-size:12px; 
    border:solid 1px #0468a7; 
    color:#000000;
}
.selectStyle
{
    width:129px; 
    height:22px; 
    background:#32a2e3; 
    font-size:12px; 
    border:solid 1px #0468a7; 
    color:white;
}
table
{
    border-collapse:collapse;
    border:0;
}
td{padding:0}
</style>
<script src="web/md5.js"></script>
<script src="web/Cookies.js"></script>
<script type="text/JavaScript">
function Login()
{
    var name=document.getElementById("name");
    var pwd=document.getElementById("pwd");
    var cookies=document.getElementById("cookies");    
   
    if(name.value==""){
        alert('Please enter your accout');
        name.focus(); 
        return false;
    } 
    if(hasCapsLock(name.value, pwd.value)==false){
        return false; 
    }
    if(cookies.checked==true){
        SetCookie("User",name.value,365); 
        SetCookie("Pwd",pwd.value,365); 
    }else{
        document.cookie="User="+name.value; 
    } 
    document.LogForm.UserName.value=name.value; 
    document.LogForm.PassWord.value=hex_md5(pwd.value); 
    document.LogForm.submit();    
} 
function hasCapsLock(name,pwd)
{        
    var reg=/^[a-z 0-9 ]+$/;   
    if(name!=''&&/\W/.test(name)){alert('Invalid User Name');return false;}
    if(pwd!=''&&/\W/.test(pwd)){alert('Invalid Password');return false;}
    return true; 
} 
function Clear()
{   
    document.getElementById("name").value="";
    document.getElementById("pwd").value="";
    document.getElementById("name").focus();
}
function on_load()
{
    var name=document.getElementById("name");
    var pwd=document.getElementById("pwd");
    var cookies=document.getElementById("cookies");     
    if(getCookie("User")&&getCookie("Pwd")){
        name.value=getCookie("User");
        pwd.value=getCookie("Pwd");
        cookies.checked="checked";        
    } 
    name.focus(); 
}
function SetCookies(obj)
{
    if(obj.checked==false){
        delCookie("User");
        delCookie("Pwd");     
        return;
    }
}
</script>
</head>
<body style="background-image:url(images/loginbg.png)" onload="on_load() ">
<table width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center"><table width="974px" cellspacing="0" cellpadding="0">
      <tr>
        <td class="login_01">&nbsp;</td>
      </tr>
      <tr>
        <td><table width="100%" cellspacing="0" cellpadding="0">
          <tr>
            <td  class="login_05"></td>
            <td align="left"><table width="100%" >
              <tr>
                <td class="login_06" align="center" valign="middle">&nbsp;<div style="position:absolute; top: 0%; left:0;text-align: center; width:200px"><table width="100%" style="text-align: center;height:50px">
                  <tr>
                    <td style="width:60px" align="right"><font style="height:1;font-size:9pt; color:#bfdbeb;">  Account:</font></td>
                    <td align="left"><input type="text" id="name" class="textStyle"/></td>
                  </tr>         
                  <tr>
                    <td style="width: 60px; height: 24px" align="right"><font style="height:1;font-size:9pt; color:#bfdbeb;">  Password:</font></td>
                    <td align="left"><input type="password" id="pwd" class="textStyle"/></td>
                  </tr>
                  <tr>
                    <td style="width: 60px" align="right" valign="middle"><input id="cookies" onclick="SetCookies(this)" type="checkbox"/></td>
                    <td align="left" valign="middle"><font style="height:1;font-size:9pt; color:#bfdbeb;">  Remember Password</font></td>
                  </tr>
                </table></div></td>
              </tr>
              <tr>
                <td><table width="100%" cellspacing="0" cellpadding="0" border="0">
                  <tr>
                    <td class="login_08">&nbsp;</td>
                    <td><input type="submit" value="" class="login_09" style="background-color:Transparent;border:0;height:36px;" onclick="Login()" onmouseover="this.className='login_09_1';" onmouseout="this.className='login_09';"/></td>
                    <td><input type="button" class="login_10" onmouseover="this.className='login_10_1';" onmouseout="this.className='login_10';" onclick="Clear()" style="background-color:Transparent;border:0;height:36px;"/></td>
                    <td class="login_11">&nbsp;</td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
            <td width="407" class="login_07">&nbsp;</td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td class="login_12">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
<form method="post" name="LogForm" style="display:none" action="/Login#">
<input type="hidden" name="UserName" value="" />
<input type="hidden"  name="PassWord" value="" />
</form>
</body>
</html>
